---
title: "Welcome to MentraOS"
description: "Cloud operating system for smart glasses"
mode: "custom"
---

<div className="px-4 pt-16 pb-12 lg:pt-20 max-w-4xl mx-auto text-center space-y-6">
  <h1 className="text-3xl lg:text-4xl font-bold text-gray-900 dark:text-zinc-50 tracking-tight mb-3">
    Build with <span style={{color: "#00b869"}}>MentraOS</span>
  </h1>

<p className="max-w-2xl mx-auto text-base text-gray-600 dark:text-zinc-400 leading-relaxed">
  Build and deploy smart glasses apps on MentraOS.
</p>

  <a
    href="/app-devs/getting-started/overview"
    className="inline-flex items-center gap-1 text-sm text-gray-500 dark:text-zinc-500 hover:opacity-80 transition-colors mr-6"
    style={{color: "#00b869"}}
  >
    Overview
    <span className="group-hover:translate-x-0.5 transition-transform">→</span>
  </a>

  <a
    href="/app-devs/getting-started/quickstart"
    className="inline-flex items-center gap-1 text-sm text-gray-500 dark:text-zinc-500 hover:opacity-80 transition-colors"
    style={{color: "#00b869"}}
  >
    Build your first app
    <span className="group-hover:translate-x-0.5 transition-transform">→</span>
  </a>
</div>

<section className="px-4 max-w-6xl mx-auto space-y-4">
  <CardGroup cols={3}>
    <Card
      title="Build a smart glasses app"
      icon="Glasses"
      href="/app-devs/getting-started/overview"
    >
      Developers who want to build smart glasses apps.
    </Card>

    <Card
      title="Contribute to MentraOS"
      icon="users-gear"
      href="/os-devs/contributing/overview"
    >
      Developers working on the core MentraOS platform.
    </Card>

    <Card
      title="Glasses OEMs: Run MentraOS on your custom hardware"
      icon="industry-windows"
      href="/glasses-oems/overview"
    >
      Companies building smart glasses that run MentraOS.
    </Card>
  </CardGroup>
</section>
